let path = require('path')
let html = require('html-webpack-plugin') // 就是产生一个html文件
let { CleanWebpackPlugin } = require('clean-webpack-plugin')
//  webpack的插件是用来扩展webpack的功能的
module.exports = {
  mode: 'development',
  entry: './src/main.js',
  output: {
    filename: 'index.[contenthash:8].js',
    path: path.resolve(__dirname, 'dist')
  },
  plugins: [
    new html({
      // filename: "qwer.html",// 用来配置生成的html文件的名字 默认 index.html
      template: './public/index.html',// 用来执行 用哪个html文件作为模板
      title: "的法国队",// 若制定了模板  则需要写成ＥＪＳ　　的渲染写法；若不指定　怎么生成的默认文件的ｔｉｔｌｅ可以起作用
      qqq: "珠峰培训",
      // minify: true, // 控制压缩html
      // hash: true
    }),
    new CleanWebpackPlugin({
      cleanOnceBeforeBuildPatterns: [
        '**/*',
        '!imgs/**',
      ],
    })
  ]
}